<template>
  <div class="checkin">checkin</div>
  <customTabBar></customTabBar>
</template>

<script>
 import customTabBar from "@/components/custom-tab-bar/index.vue"
export default {
  components:{
    customTabBar
  },
  data() {
    return {}
  },
  computed: {},
  methods: {},
  watch: {},

  // 页面周期函数--监听页面加载
  onLoad() {},
  // 页面周期函数--监听页面初次渲染完成
  onReady() {},
  // 页面周期函数--监听页面显示(not-nvue)
  onShow() {
    // 页面显示时触发事件，通知tabbar更新状态
    uni.$emit('onShow');
  },
  // 页面周期函数--监听页面隐藏
  onHide() {},
  // 页面周期函数--监听页面卸载
  onUnload() {},
  // 页面处理函数--监听用户下拉动作
  // onPullDownRefresh() { uni.stopPullDownRefresh(); },
  // 页面处理函数--监听用户上拉触底
  // onReachBottom() {},
  // 页面处理函数--监听页面滚动(not-nvue)
  // onPageScroll(event) {},
  // 页面处理函数--用户点击右上角分享
  // onShareAppMessage(options) {},
}
</script>

<style scoped>
.checkin {
  padding-bottom: 50px; /* 为 tabBar 留出空间 */
}
</style>